import "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js";

let sid = location.search.substring(1).split('=')[1];
if (!sid) {
    sid = 1;
}

function detail() {
    $.ajax({
        url: "http://10.31.155.17/wanmeishijie/src/php/detail.php",
        data: {
            sid:sid
        },
        dataType:'json'
    }).done(function (data) {
        console.log(data)
        $('.show img').attr('src', data.url);
        $('.goodDes h1').html(data.title);
        $('.prc').html('￥'+data.price);
        $('.des').html(data.describe);
        $('navwrapa').html(data.title)
        // $('.nums').html(('库存'+data.sailnumber+'件'))
        let picarr = data.piclist.split(','); 
        let str = '';
        $.each(picarr, function(index, value) {
            str += `
                <li><img src="${value}"/></li>
            `;
        });
        $('.goods').html(str);
    });
    $('.numr').on('click', function () {
        let num = $('.num input').val();
        num++;
        $('.num input').val(num)
        // if (num > data.sailnumber) {
        //     num=data.sailnumber
        // }

    })
    $('.numl').on('click', function () {
        let num = $('.num input').val();
        num--;
        if (num < 1) {
            num=1
        }
        $('.num input').val(num)

    })
}

function goodscart() {
    //存储商品编号和商品数量。
    let arrsid = []; //商品编号
    let arrnum = []; //商品数量
    
    function getlocalStorage() {
        if (localStorage.getItem('localsid') && localStorage.getItem('localnum')) { 
            arrsid = localStorage.getItem('localsid').split(',') 
            arrnum = localStorage.getItem('localnum').split(',')
        } else { 
            arrsid = [];
            arrnum = [];
        }
    }
    
    //验证input的值变化
    $('.num input').on('input', function() {
        let reg = /^\d+$/; 
        let inputvalue = $('.num input').val();
        if (reg.test(inputvalue)) {
            $('.num input').val(inputvalue);
        } else {
            $('.num input').val(1);
        }
    });

    //存储数据到localStorage里用于购物车数据渲染
    $('.btn').on('click', function() {
        let inputvalue = $('.num input').val();
        getlocalStorage(); 
        if (arrsid.includes(sid)) { 
            let index = arrsid.indexOf(sid); //返回索引位置
            let num = parseInt(arrnum[index]) + parseInt(inputvalue); //对应的数量 + 当前新加的数量
            arrnum[index] = num;
            localStorage.setItem('localnum', arrnum); //存储到本地存储
        } else {
            arrsid.push(sid); 
            localStorage.setItem('localsid', arrsid); //存储到本地存储中
            arrnum.push(inputvalue); //获取商品的数量
            localStorage.setItem('localnum', arrnum); //再存储到本地存储中
        }
    });
}

export {
    detail,
    goodscart
}